<template>
  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" router>
    <el-menu-item index="1">处理中心</el-menu-item>
    <el-menu-item index="/login">消息中心</el-menu-item>
    <el-input class="input" placeholder="请输入内容" v-model="input" clearable>
      <el-button icon="el-icon-search" slot="append" circle></el-button>
    </el-input>


    <router-link to="/user">
      <el-link target="_blank">
        wode
      </el-link>
    </router-link>
  </el-menu>
</template>


<script>
export default {
  data() {
    return {
      activeIndex: '1',
      input: '',
      userinfo: {},
    };

  },
  props: {
    isLogin: Number
  },

  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    onload() {

    }
  }
}
</script>


<style lang="less" scoped>
.el-link {
  float: right;
}

.input {

  width: auto;
}
</style>